<template>
  <div class="dmeo-button">
    <pl-button label="label" @click="handleClick"/>
    <pl-button>
      BUTTON
    </pl-button>
    <h4>状态</h4>
    <pl-button v-for="item in ['primary','success','warn','error','info']" :key="item" :label="item" :status="item"/>
  </div>
</template>

<script>
export default {
  name: "demo-button",
  setup() {
    return {
      handleClick: () => {
        alert('click')
      }
    }
  },
}
</script>

<style lang="scss" scoped>
.demo-button{
  .pl-button{
    margin-right: 8px;
  }
}
</style>
